// 引入Vue核心文件
import Vue from 'vue'
// 引入App根组件
import App from './App.vue'
// 引入router路由
import router from './router'
// 引入store状态
import store from './store'
// 关闭Vue的生产环境提示
Vue.config.productionTip = false
// 创建Vue的实例
new Vue({
    router,//挂载router
    store,//挂载store
    render: h => h(App)//渲染App根组件
}).$mount('#app')//指定挂载点
/*
组件默认是全局的样式，如果需要局部样式在style上添加scoped属性
scoped属性会自动添加一个唯一的attribute(比如data-v-21e5b78) 为组件内CSS指定作用域，
编译的时候 .list-container:hover 会被编译成类似.list-container[data-v-21e5b78]:hover
scoped原理：
    给当前组件内的所有标签添加一个自定义属性：dada-hash
    应用选择器的时候会自动加上属性选择器

组件内的data必须是一个函数：
    一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝
*/